<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Welcome to MSHD!</title>
    <link rel="stylesheet" type="text/css" href="/static/css/style.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1091410_zwryxsfgd4.css">
    <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
     <script>
         var token_csrf = "{{ csrf_token }}";
        function func(value){
        }
    </script>
</head>
<body>
<header class="header">
    <div class="header_right">
        <ul>
            <li class="show_list" >
                <a type="button" href="/" style="text-align:center;padding: 30px 30px 30px 30px;
                line-height: 60px;text-decoration: none;border: none;color:#ffffff;">首页</a></li>
            <li class="show_list" id="showList2">
                <span>人员伤亡及失踪</span>
                <div style="position: absolute;z-index: 999">
                <ul class="move_list">
                    <a type="button" name="101"  onclick="func(this.name)">死亡</a>
                    <a type="button" name="102"  onclick="func(this.name)">受伤</a>
                    <a type="button" name="103"  onclick="func(this.name)">失踪</a>
                </ul>
                </div>
            </li>
            <li class="show_list" id="showList3">
                <span>房屋破坏</span>
                <div style="position: absolute;z-index: 999">
                <ul class="move_list">
                    <a type="button" name="201"  onclick="func(this.name)">土木</a>
                    <a type="button" name="202" onclick="func(this.name)" >砖木</a>
                    <a type="button" name="203" onclick="func(this.name)" >砖混</a>
                     <a type="button" name="203"  onclick="func(this.name)">框架</a>
                     <a type="button" name="203"  onclick="func(this.name)">其他</a>
                </ul>
                </div>
            </li>
            <li class="show_list">
                <span>生命线工程灾情</span>
                <div style="position: absolute;z-index: 999">
                <ul class="move_list">
                    <a type="button" name="331" href="/data/331" onclick="func(this.name)">交通</a>
                    <a type="button" name="332" href="/data/332" onclick="func(this.name)">供水</a>
                    <a type="button" name="333" href="/data/333" onclick="func(this.name)">输油</a>
                    <a type="button" name="334" href="/data/334" onclick="func(this.name)">燃气</a>
                    <a type="button" name="335" href="/data/335" onclick="func(this.name)">电力</a>
                     <a type="button" name="336" href="/data/336" onclick="func(this.name)">通信</a>
                     <a type="button" name="337" href="/data/337" onclick="func(this.name)">水利</a>
                </ul>
                </div>
            </li>
            <li class="show_list">
                <span>次生灾害</span>
                <div style="position: absolute;z-index: 999">
                <ul class="move_list">
                    <a type="button" name="401"  onclick="func(this.name)">崩塌</a>
                    <a type="button" name="402"  onclick="func(this.name)">滑坡</a>
                     <a type="button" name="203"  onclick="func(this.name)">泥石流</a>
                     <a type="button" name="203"  onclick="func(this.name)">岩溶塌陷</a>
                     <a type="button" name="203"  onclick="func(this.name)">地裂缝</a>
                     <a type="button" name="203"  onclick="func(this.name)">地面沉降</a>
                     <a type="button" name="203"  onclick="func(this.name)">其他</a>
                </ul>
                </div>
            </li>
            <li class="show_list" id="showList2">
                <span>震情</span>
                <div style="position: absolute;z-index: 999">
                <ul class="move_list">
                    <a type="button" name="101"  onclick="func(this.name)">基本</a>
                    <a type="button" name="102"  onclick="func(this.name)">灾情预测</a>
                </ul>
                </div>
            </li>
        </ul>
    </div>
</header>
<vertical>
    <div class="menu">
        <ul class="menubar">
            <li class="menu-value"><a type="button" href="/upload/">上传数据</a></li>
            <li class="menu-value"><a type="button" href="/download_instructions/">下载使用说明书</a></li>
            <li class="menu-value"><a type="button" href="/apply/">申请数据</a></li>
            {% if request.session.user_role == "manager" %}
            <li class="menu-value"><a type="button" href="/link_status/">查看请求信息</a></li>
            {% endif %}
        </ul>
    </div>
</vertical>
<div id="left" style="margin-left:40%">
    <form class="form-horizontal" method="POST" action="/upload_file/" enctype="multipart/form-data">
           <div class="file-box" style="margin-top:100px">
                        <label class="file-btn" for="inputFile">上传json文件</label>
                    <input type="file" name="myFile" id="inputFile" accept=".json" style="position:absolute;clip:rect(0 0 0 0);">
           </div>

           <p><select name="types">
                        <option value="101">业务报送数据-公网</option>
                        <option value="102">业务报送数据-北斗短报文</option>
                        <option value="103">业务报送数据-卫星通讯</option>
                        <option value="104">业务报送数据-卫星定位</option>
                        <option value="105">业务报送数据-专用救灾</option>
                        <option value="106">业务报送数据-其他</option>
                        <option value="201">泛在感知数据-互联网</option>
                        <option value="202">泛在感知数据-通信网</option>
                        <option value="203">泛在感知数据-电网</option>
                        <option value="204">泛在感知数据-其他</option>
                        <option value="301">舆情感知数据-微博</option>
                        <option value="302">舆情感知数据-博客</option>
                        <option value="303">舆情感知数据-论坛</option>
                        <option value="304">舆情感知数据-微信</option>
                        <option value="304">舆情感知数据-其他</option>
                        <option value="401">承载体基础数据-川滇</option>
                        <option value="402">承载体基础数据-其他</option>
                    </select></p>
           <button class="submit_btn" type="submit" class="btn">提交</button>
    </form>
</div>
</body>